前端小菜鸟的 windows 开发配置

• 因不可抗力导致的 windows 开发配置需求

• cmd

  • win10 cmd 不自动加管理员权限，需右键选择以管理员身份运行（node 安装过程报权限错误的原因，operation not permitted）

  • cmd 默认在C盘，进入D盘输入命令 d:

  • cmd 如何进入桌面目录，在桌面 shift+右键 选择 在此处打开命令窗口

  • shift+ 右键文件夹 可选择复制为路径，获取文件的冗长路径

• git bash

  • 可以在文件目录右键选择 git bash here

• nodejs && npm

  • 在 cmd 安装比较好。。 bash运行命令好像有问题

  • 安装 nodejs 自带的npm 可能不是最新版本，可能会导致运行错误，升级 npm 到最新版，npm install npm -g

  • 官网下载 && install

  • node -v npm -v

  • 配置 npm 全局模块的存放路径和 cache 路径 在C:Program Filesnodejs下 创建 node_global 和 node_cache 两个文件夹

  • cmd 输入

  npm config set prefix "C:\Program Files\nodejs\node_global"
  npm config set cache "C:\Program Files\nodejs\node_cache"

  • cmd 运行 npm install express -g 检查是否可以安装成功，并检查 "C:Program Filesnodejsnode_globalnode_modules" 内是否有 express 模块

  • 我的电脑-系统属性-高级-环境变量，系统变量新建"NODE_PATH":”C:Program Filesnodejsnode_globalnode_modules“
    用户变量"PATH"添加 “C:Program Filesnodejsnode_global”

  • 以上！

  • 推荐教程

• mongoDB 安装

  • 官网下载 mongoDB && install

  • 创建数据库文件存放位置 C:Program FilesMongoDBServer3.4datadb

  • cmd 打开 C:Program FilesMongoDBServer3.4bin 运行 $ mongod --dbpath "C:\Program Files\MongoDB\Server\3.4\data" 启动 mongodb 服务，注意带引号。mongoDb 默认连接端口 27017，若以上运行成功，打开http://localhost:27017显示It looks like you are trying to access MongoDB over HTTP on the native driver port. 则连接成功

  • 在 C:Program FilesMongoDBServer3.4data 下新建文件夹 log 存放日志文件，并在 log 目录下新建文件 mongo.log

  • 在 C:Program FilesMongoDBServer3.4 新建文件 mongo.config, vi mongo.config 输入

  dbpath=C:\Program Files\MongoDB\Server\3.4\data\db
  logpath=C:\Program Files\MongoDB\Server\3.4\data\log\mongo.log

  • 以管理员身份打开 cmd 运行命令 $ mongod --config C:\Program Files\MongoDB\Server\3.4\mongo.config --install --serviceName "MongoDB"，结果存放在log 中，查看 log/mongo.log显示是否成功，若失败可能是未用管理员身份运行，解决方法见第一条

  • 然后在 cmd 里C:Program FilesMongoDBServer3.4bin 运行 $ net start MongoDB，启动mongoDB服务！

  • 或在 cmd 里运行 services.msc 查看服务，点击 MongoDB 启动

  • 完整教程

• sublime text3

  • 首先安装 package control，方法看 sublime 官网，ctrl+` 调出 console 面板运行一段代码即可

  • shift+ctrl+p 调出命令面板

  • 在命令面板 中输入 install package 安装插件

  • 在命令面板 中输入 list package 查看已安装插件

  • 在命令面板 中输入 remove package 回车选择要删除的插件

  • 或 preferences-package control

  • sublime 开启 vim，preferences-settings-user，输入

  {
    "ignored_packages":
    [
        "Toggle Css Format"
    ]
  }

  • 必备插件 Emmet、Alignment、JsFormat、markdownEditing、markdown Preview、Vue Syntax Highlight(vue 文件高亮，不能高亮则直接在 package control 中输入vue 点击第一条 set syntax: vue component) 、less

    • 讲解一下 markdown preview 的配置，preferences-package setting-markdown preview-user，输入

    {
     "parser": "github",
     "build_action": "browser",
     "enable_mathjax": true,
     "enable_uml": true,
     "enable_highlight": true,
     "enable_pygments": true,
     "enabled_extensions": "github",
     "enabled_parsers": ["github"],
     "github_mode": "markdown",
     "github_inject_header_ids": true,
     "enable_autoreload": false
    }

    • 设置渲染样式是 github， 渲染结束后用浏览器打开，开启 mathjax uml pygments 等支持。 "github_inject_header_ids": true 保证 heading 的 id 和 heading 内容一致，能锚点定位。

    • 快捷键 shift+ctrl+b，自动打开浏览器查看渲染后的markdown 文本

• 超详细的 sublime 插件配置

• 给以上写出优秀技术文章的作者点赞